<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="robots" content="noindex">
    <title>Keiyoushi</title>
    <meta name="description" content="A repository of unofficial Tachiyomi extensions.">
    <meta property="og:title" content="Keiyoushi">
    <meta property="og:description" content="A repository of unofficial Tachiyomi extensions.">
    <meta property="og:image" content="https://avatars.githubusercontent.com/u/113362897?v=4">
    <meta property="og:url" content="https://keiyoushi.github.io/extensions/">
    <meta name="theme-color" content="#2e84bf">
    <link
        rel="stylesheet"
        media="(prefers-color-scheme:light)"
        href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.12.0/cdn/themes/light.css"
        integrity="sha384-0usmJJJTG5wZwRFlxdECle5gNAqtRYVm8rHBHjGO0+Cpgp83KTGEANVIFUYafjaO"
        crossorigin="anonymous"
    />
    <link
        rel="stylesheet"
        media="(prefers-color-scheme:dark)"
        href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.12.0/cdn/themes/dark.css"
        onload="document.documentElement.classList.add('sl-theme-dark');"
        integrity="sha384-2HpI1Tt4Zv7emgrwKyetd6ouDie+RKolEtNHOdD+KCVHLj1V2fjxryG48h50f0Rw"
        crossorigin="anonymous"
    />
    <link rel="stylesheet" href="index.css">
    <script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.12.0/cdn/components/button/button.js"></script>
    <script data-goatcounter="https://keiyoushi.goatcounter.com/count"
        async src="//gc.zgo.at/count.js"></script>
</head>
<body>
    <header class="header">
        <p class="header__title">Keiyoushi</p>
    </header>
    <div class="description">
        Join the <a class="description__anchor" href="https://discord.gg/3FbCpdKbdY" onclick="window.goatcounter?.count({ path: location.pathname + '#discord' })">Discord server</a> for support. Make sure to star <a class="description__anchor" href="https://github.com/keiyoushi/extensions">the GitHub repo</a>.
    </div>

    <h2 class="header">Guide</h2>
    <div>
        <h4>One click install:</h4>

        <sl-button 
            style="display: flex; justify-content: center;"
            variant="primary"
            href="tachiyomi://add-repo?url=https://raw.githubusercontent.com/keiyoushi/extensions/repo/index.min.json"
            onclick="window.goatcounter?.count({ path: location.pathname + '#add-to-tachiyomi' })">
            Add to Mihon/Tachiyomi
        </sl-button>

        <p>If the button doesn't work, go to Settings → Browse → Extension repos and manually add <a class="description__anchor" href="https://raw.githubusercontent.com/keiyoushi/tachiyomi-extensions/repo/index.min.json">https://raw.githubusercontent.com/keiyoushi/tachiyomi-extensions/repo/index.min.json</a>.</p>
    </div>

    <div>
        <h4>TachiyomiAZ:</h4>

        <ol>
            <li>Go to Settings → Browse</li>
            <li>Tap on "Edit repos" and then "Add" button at bottom</li>
            <li>Input <code>keiyoushi/extensions</code></li>
            <li>Enjoy!</li>
        </ol>
    </div>

    <div>
        <p>If you're not using any of the above, download and update extensions from <a class="description__anchor" href="./extensions">the listing page.</a></p>
    </div>

    <script>Promise.allSettled([customElements.whenDefined("sl-button")]).then((() => { document.body.classList.add("ready") }))</script>
</body>
</html>
